const {
    defineConfig
  } = require('@vue/cli-service')
  module.exports = defineConfig({
    transpileDependencies: true,
    // 公共路径(必须有的)
    publicPath: "./",
    // 输出文件目录
    outputDir: "dist",
    // 静态资源存放的文件夹(相对于ouputDir)
    assetsDir: "assets",
    // eslint-loader 是否在保存的时候检查(果断不用，这玩意儿我都没装)
    lintOnSave: false,
    // 我用的only，打包后小些
    runtimeCompiler: false,
    productionSourceMap: true, // 不需要生产环境的设置false可以减小dist文件大小，加速构建
  
    devServer: {
      open: true, // npm run serve后自动打开页面
      host: '0.0.0.0', // 匹配本机IP地址(默认是0.0.0.0)
      port: 8089, // 开发服务器运行端口号
      proxy: null,
      // history模式下的url会请求到服务器端，但是服务器端并没有这一个资源文件，就会返回404，所以需要配置这一项
  
    },
    configureWebpack: config => {
      // 为生产环境修改配置...
      if (process.env.NODE_ENV === 'production') {
        config.mode = 'production';
        // 打包文件大小配置
        config.performance = {
          maxEntrypointSize: 10000000,
          maxAssetSize: 30000000
        }
      }
    },
  })